
<template>
  <div class="app-container">


<!--    <el-row :gutter="10" class="mb8">-->
<!--      <el-col :span="1.5">-->
<!--        <el-button-->
<!--          type="primary"-->
<!--          plain-->
<!--          icon="el-icon-plus"-->
<!--          size="mini"-->
<!--          @click="fangyuanadd"-->
<!--          v-hasPermi="['system:dict:add']"-->
<!--        >新增</el-button>-->
<!--      </el-col>-->
<!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
<!--    </el-row>-->
    <!-- 添加或修改参数配置对话框 -->
<!--    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">

        <el-form-item label="ID" prop="id">
          <el-input v-model="form.id" placeholder="请输入ID" />
        </el-form-item>
        <el-form-item label="公寓名称" prop="dictName">
          <el-input v-model="form.flatName" placeholder="请输入公寓名称" />
        </el-form-item>


        <el-form-item label="楼盘名称" :label-width="formLabelWidth">
          <el-input v-model="form.roomName" autocomplete="off"></el-input>
        </el-form-item>


        <el-form-item label="楼盘特色" prop="">
          <el-checkbox>客厅</el-checkbox>
          <el-checkbox>卫生间</el-checkbox>
          <el-checkbox>阳台</el-checkbox>
          <el-checkbox>厨房</el-checkbox>
          <el-checkbox>空调</el-checkbox>
          <el-checkbox>洗衣机</el-checkbox>
          <el-checkbox>电视</el-checkbox>
          <el-checkbox>热水器</el-checkbox>
          <el-checkbox>冰箱</el-checkbox>
          <el-checkbox>沙发</el-checkbox>
          <el-checkbox>餐桌椅</el-checkbox>
          <el-checkbox>车位</el-checkbox>
          <el-checkbox>洗衣房</el-checkbox>
          <el-checkbox>保洁服务</el-checkbox>
          <el-checkbox>前台水吧</el-checkbox>
          <el-checkbox>影音区</el-checkbox>
          <el-checkbox>健身房</el-checkbox>
          <el-checkbox>休闲区</el-checkbox>
          <el-checkbox>客厅</el-checkbox>
          <el-checkbox>书吧</el-checkbox>
          <el-checkbox>其他</el-checkbox>
        </el-form-item>

<!--        <el-form-item label="楼盘名id" :label-width="formLabelWidth">-->
<!--          <el-input v-model="form.id" autocomplete="off"></el-input>-->
<!--        </el-form-item>-->

        <el-checkbox-group v-model="selectRoleList">
          <el-checkbox :label="role.id" v-for="role in roleList">{{role.name}}</el-checkbox>
        </el-checkbox-group>


        <el-form-item label="付款方式" :label-width="formLabelWidth">
          <el-select v-model="form.region" placeholder="压">
            <el-option label="1" value="shanghai">1</el-option>
            <el-option label="2" value="beijing">2</el-option>
            <el-option label="3" value="beijing">3</el-option>
          </el-select>

          <el-select v-model="form.regio" placeholder="付">
            <el-option label="1" value="shanghai">1</el-option>
            <el-option label="2" value="beijing">2</el-option>
            <el-option label="3" value="beijing">3</el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="户型 " :label-width="formLabelWidth">
          <el-select v-model="form.regi" placeholder="室">
            <el-option label="1" value="shanghai">1</el-option>
            <el-option label="2" value="beijing">2</el-option>
            <el-option label="3" value="beijing">3</el-option>
          </el-select>室

          <el-select v-model="form.reg" placeholder="厅">
            <el-option label="1" value="shanghai">1</el-option>
            <el-option label="2" value="beijing">2</el-option>
            <el-option label="3" value="beijing">3</el-option>
          </el-select>厅
        </el-form-item>


        <el-form-item label="公共装修情况" :label-width="formLabelWidth">
          <el-input v-model="form.na" autocomplete="off"></el-input>
        </el-form-item>


        <el-form-item label="设置管家" :label-width="formLabelWidth">
          <el-select v-model="form.aa" placeholder="请输入管家">
            <el-option label="admin" value="shanghai">admin</el-option>
            <el-option label="zss" value="beijing">zss</el-option>
            <el-option label="3aaa" value="beijing">3aaa</el-option>
          </el-select>
        </el-form-item>


        <el-form-item label="房源简绍" :label-width="formLabelWidth">
          <el-input v-model="form.nam" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
<!--    </el-dialog>-->
  </div>
</template>

<script>
import { listType,fangyuanadd } from "@/api/fangyuan/fangyuan";

export default {
  data() {
    return {

      queryParams: {
        dictName: undefined,
        dictType: undefined,
        status: undefined
      },
      form: {},
    };
  },
  created() {
    this.getList();
    this.getDicts("sys_normal_disable").then(response => {
      this.statusOptions = response.data;
    });
  },
  methods: {
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
      };
      this.resetForm("form");
    },
    /** 新增按钮操作 */
    fangyuanadd() {
      this.reset();
      this.open = true;
      this.title = "添加字典类型";
    },
    /** 提交按钮 */
    submitForm: function() {
      fangyuanadd(this.form).then(response => {
        this.msgSuccess("新增成功");
        this.$router.push("pic")
      });
    },



  }
};
</script>


